我又把實作的程式改成Codepen了
這是我的HTML、Sass和JavaScript
HTNL

<div class="container">
    <div class="item">1</div>
    <div class="item">2</div>
    <div class="item">3</div>
</div>

Sass

// 定義變數
$item-count: 3
$bg-color: null

// 使用邏輯判斷設定背景顏色
@if $item-count == 1
  $bg-color: #e74c3c
@else if $item-count == 2
  $bg-color: #f1c40f
@else
  $bg-color: #2ecc71

// 主樣式
.container
  display: flex
  justify-content: center
  align-items: center
  height: 100vh
  background-color: $bg-color

.item
  background-color: #fff
  padding: 20px
  color: #333
  font-size: 1.5rem
  border-radius: 8px
  margin: 10px

Javascript

window.onload = function() {
    const items = document.querySelectorAll('.item');
    items.forEach((item, index) => {
        item.style.backgroundColor = index % 2 === 0 ? 'lightblue' : 'lightgreen';
    });
};

快結束了!
加油!